<template>
    <div class="add_admin">
        <el-drawer
                title="新增管理员"
                :visible.sync="drawer"
                :direction="direction"
                :before-close="handleClose">

            <div class="add_box_input">
                <div class="title_value">管理员信息：</div>
                    <p style="padding-right: 5px;font-size: 14px;">
                        <span class="symbol">*</span> 姓名：<el-input placeholder="请输入内容" v-model="name" clearable></el-input>
                        <br/><br/>
                        <span class="symbol">*</span> 电话：<el-input placeholder="请输入内容" v-model="phone" clearable></el-input>
                        <br/><br/>
                        <span class="symbol">*</span> 密码：<el-input placeholder="请输入密码" v-model="password" show-password></el-input>
                    </p>
                <div class="title_value">审核人备注：</div>
                <p style="padding-right: 5px">
                    <el-input
                            type="textarea"
                            placeholder="请输入内容"
                            v-model="textarea"
                            maxlength="30"
                            show-word-limit
                    >
                    </el-input>
                </p>
                <div style="float: right;padding-right: 10px;">
                    <el-button @click="handleClose">取消</el-button>
                    <el-button type="primary" @click="addSumbit">确定</el-button>
                </div>
            </div>

        </el-drawer>
    </div>
</template>

<script>
    export default {
        name: "addAdmin",
        data() {
            return {
                drawer: false,
                direction: 'rtl',
                name:'',
                phone:'',
                password:'',
                textarea:''
            };
        },
        methods: {
            handleClose(done) {
                this.$confirm('确认关闭？')
                    .then(_ => {
                        done();
                    })
                    .catch(_ => {});
            },
            openDrawer(){
                this.drawer = true;
            },
            addSumbit(){
                this.$message({type:'error',message:'该账号权限不足'})
            }
        }
    }
</script>

<style lang="scss" scoped>
.add_admin{
    /deep/.el-drawer__header{
        font-size: 20px !important;
        color: #000c17;
        font-weight: bold;
    }
    .add_box_input{
        margin-left: 20px;
        .title_value{
            font-size: 16px;
            font-weight: bold;
        }
        .symbol{
            font-weight: bold;
            color: red;
        }
    }
}
</style>
